body {
  padding: 0 0 70px 0;

  > .container {
    padding: 60px 15px 0;
  }

  .main {

    h1 {
      height: 60px;
      line-height: 60px;
      font-size: 40px;
      border-bottom: 1px dotted #ddd;
    }

    h2 {
      font-size: 26px;
      text-align: left;
    }
  }

  > .footer {
    padding: 30px 0;
    background-color: #000;
    @include opacity(.85);

    .btn {
      margin-right: 10px;
    }
  }
}

.navbar-brand {
  padding: 13px 15px 13px 5px;
}

.container {
  max-width: 800px !important;

  p {
    line-height: 24px;
    font-size: 14px;
  }

  .form-horizontal {

    .control-label {
      padding-right: 0;
    }
    

    .help-block {
      padding-left: 0;
    }
  }
}

/*iconfont*/
@font-face {
  font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-size: 18px;
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.icon-success,
.icon-error {
  margin-right: 5px;
  vertical-align: -2px;
}
.icon-success {
  &:before {
    content: "\e600";
    color: #0d864b
  }
}
.icon-error {
  &:before {
    content: "\e601";
    color: #f44336
  }
}